<!--<!DOCTYPE html>-->
<!--<html>-->
<!--<head>-->
<!--    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>-->
<!--    <title>首页</title>-->

<!--    &lt;!&ndash; link标签引入另一个HTML页面 &ndash;&gt;-->
<!--    <link rel="import" href="base.html" id="cHeader" />-->
<!--    <script src='https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js' ></script>-->
<!--</head>-->

<!--<body>-->
<!--    <script type="text/javascript">-->
<!--        document.write(cHeader.import.head.innerHTML);-->
<!--        document.write(cHeader.import.body.innerHTML);-->
<!--    </script>-->
<!--</body>-->


<!--<!DOCTYPE html>-->
<!--<html>-->
<!--<head>-->
<!--    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>-->
<!--    <title>首页</title>-->
<!--</head>-->
<!--<body>-->
<!--    <iframe src="base.html" height="100%" width="100%" scrolling="no" frameborder="0">-->
<!--    </iframe>-->
<!--</body>-->
<!-- -->

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>首页</title>


</head>
<body>
    <script src='https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
    <script type="text/javascript">
        $.get('base.html',function(data){
            $("#header").html(data)
        });
        $.get('base.html', function(data) {

    // var $targetDiv = $(htmlContent).find('#content');

    // 使用正则表达式或其他方法拆分获取的 HTML 内容，假设分为两部分
    var part1 = "<div class=\"res-cons\"><h1>111</h1><h2>11111</h2></div>";

    // 将第一部分 HTML 代码插入到目标 div 中
    $("#header").find(".col-8").html(part1);



});
    </script>


    <div id="header"></div>
</body>